<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>掌柜</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<!-- IE兼容 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.css">
    <!-- 手机滚动 css 文件 -->
    <link href="css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/mobiscroll.core-2.5.2.js"></script>
    <script src="js/mobiscroll.select-2.5.1.js"></script>
    <!-- 输入框信息检查判断 js-->
    <script src="js/input-rule.js"></script>
</head>
<body>
    <!-- Start add-goods -->
    <div class="add-goods">
        <!-- 固定顶部 -->
        <div class="add-goods-top clearfix">
            <div class="left">
                <a href="">取消</a>
            </div>
            <div class="add-goodsing">
                收银设置
            </div>
            <div class="right">
                <input type="button" value="保存" id="st1">
            </div>
        </div>
        <div class="add-goods-edit" style="margin-top:75px;border-bottom:1px solid #999f60;margin-bottom:25px;">
            <div class="table-area clearfix">
                <div class="left">账户类型</div>
                <div class="right">
                    <select name="" id="bank-zhanghu" data-role="none">
                        <option value="对公账户">对公账户</option>
                        <option value="个人账户">个人账户</option>
                    </select>
                </div>
            </div>
            
            <div class="table-pad goods-tij clearfix">
                <div class="left">开户银行</div>
                <div class="right" >
                    <select name="" id="bank-yinhang" data-role="none" value="">
                        <option value="招商银行">招商银行</option>
                        <option value="建设银行">建设银行</option>
                        <option value="平安银行">平安银行</option>
                        <option value="中国银行">中国银行</option>
                        <option value="兴业银行">兴业银行</option>
                    </select>
                </div>
            </div>
            <div class="table-pad goods-tij1 clearfix">
                <div class="left">开户省市</div>
                <div class="right" >
                    <select name="" id="bank-sheng" data-role="none" value="">
                        <option value="湖北">湖北</option>
                        <option value="广东">广东</option>
                        <option value="上海">上海</option>
                        <option value="北京">北京</option>
                        <option value="广西">广西</option>
                    </select>
                </div>
            </div>
            <div class="table-pad goods-tij clearfix">
                <div class="left">开户城市</div>
                <div class="right" >
                    <select name="" id="bank-shi" data-role="none" value="">
                        <option value="武汉">武汉</option>
                        <option value="黄石">黄石</option>
                        <option value="十堰">十堰</option>
                        <option value="鄂州">鄂州</option>
                        <option value="黄冈">黄冈</option>
                    </select>
                </div>
            </div>
            <div class="table-pad goods-tij1 clearfix">
                <div class="left">开户支行</div>
                <div class="right" >
                    <select name="" id="bank-zhihang" data-role="none" value="">
                        <option value="武汉支行">武汉支行</option>
                        <option value="黄石支行">黄石支行</option>
                        <option value="黄冈支行">黄冈支行</option>
                    </select>
                </div>
            </div>
            <div class="goods-numb clearfix">
                <div class="left">账户名称</div>
                <div class="right">
                    <input type="text" id="bankname">
                </div>
            </div>
            <div class="goods-numb clearfix">
                <div class="left">银行账号</div>
                <div class="right">
                    <input type="text" id="bankzh" >
                </div>
            </div>
        </div>

        <div class="edit-set-bottom">
            <div class="edit-read">
                <img src="images/read.png" alt="">我已阅读并同意<a href="">《微信支付代收协议》</a>
            </div>
            <div class="edit-tip">
                提示：提示内容提示内容提示内容提示内容提示内容提示内容
            </div>
        </div>
    </div>
    <!-- End add-goods -->

    <script type="text/javascript">
        window.onload = function cal(){
            $("#st1").css("color","#999");
            $("#st1").attr({"disabled":true});
        }
        $(function () {
            $('#bank-zhanghu').scroller('destroy').scroller({ preset: 'select' });
           
        });
        $(function () {
            $('#bank-yinhang').scroller('destroy').scroller({ preset: 'select' });
    
        }); 
        $(function () {
            $('#bank-sheng').scroller('destroy').scroller({ preset: 'select' });
    
        }); 
        $(function () {
            $('#bank-shi').scroller('destroy').scroller({ preset: 'select' });
    
        });
        $(function () {
            $('#bank-zhihang').scroller('destroy').scroller({ preset: 'select' });
    
        });
    </script>
    <script>
        
        $('#bankname').on("keyup blur", function() { //验证标题
            var bankname=document.getElementById("bankname");
            var _this = $(this);
            _this.inputCheck({
                callback : function(result){
                    if(result.nbsp || result.length < 0.5){
                        $("#st1").css("color","#999"); 
                        $("#st1").attr({"disabled":true});
                    }
                    else{
                        $("#st1").css("color","#fff");
                        $("#st1").attr({"disabled":false});
                    }
                }
            });
        });

        $('#bankzh').on("keyup blur", function() { //验证标题
            var bankzh=document.getElementById("bankzh");
            var _this = $(this);
            _this.inputCheck({
                callback : function(result){
                    if(result.nbsp || result.length < 0.5||!result.zhengshu){
                        $("#st1").css("color","#999"); 
                        $("#st1").attr({"disabled":true});
                    }else{
                        $("#st1").css("color","#fff");
                        $("#st1").attr({"disabled":false});
                    }
                }
            });
        });

    </script>
</body>
</html>